﻿<!DOCTYPE HTML>
<html>
{include file="public:header_css"}
<link href="__STATIC__/admin/lib/webuploader/0.1.5/webuploader.css" rel="stylesheet" type="text/css" />
<body>

<nav class="breadcrumb">
	<i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 公告管理 <span class="c-gray en">&gt;</span> 添加公告
	<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a>
</nav>

<div class="page-container">

	<form action="" method="post" class="form form-horizontal" id="form-shops-add" enctype="multipart/form-data" name="myForm">
		<div class="row cl">
			<div class="row cl">
				<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>选择门店：</label>
				<div class="formControls col-xs-8 col-sm-9">
					<select  style="width:60%;" class="input-text" id="store_id">
						<option value="0"  style="width:60%;" selected>所有门店</option>
						{foreach name="store_list" item="val" key="key"}
						<option value="{$val['store_id']}"  style="width:60%;">{$val['store_name']}</option>
						{/foreach}
					</select>
				</div>
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>标题：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="" placeholder="" id="title" name="title" style="width:60%;">
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>优先级：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<input type="text" class="input-text" value="0" placeholder="" id="sort" name="title" style="width:20%;">
				<span style="color: orange;font-size: 12px;margin-left: 10px;">优先级值越大，越靠前</span>
			</div>
		</div>
		<div class="row cl">
			<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>是否显示：</label>
			<div class="formControls col-xs-8 col-sm-9">
				<select  style="width:60%;" class="input-text" id="is_show"  >
					<option value="1"  style="width:60%;">显示</option>
					<option value="0"  style="width:60%;">隐藏</option>
				</select>
			</div>
		</div>

		<div class="row cl">
			<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
				<a class="btn btn-primary radius" id="submit">&nbsp;&nbsp;提交&nbsp;&nbsp;</a>
                <a class="btn btn-warning radius" href="{:url('index')}">&nbsp;&nbsp;取消&nbsp;&nbsp;</a>
			</div>
		</div>
	</form>

</div>
{include file="public:footer_js"}

<script type="text/javascript" src="__STATIC__/admin/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="__STATIC__/admin/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript">

        // 提交数据
		$("#submit").click(function () {

            var store_id 		= $("#store_id").val();
            var title 		    = $("#title").val();
            var sort	        = $("#sort").val();
            var is_show 	    = $("#is_show").val();

            // 标题不可为空
            if(title === '' || title === "undefined"){
                layer.msg("请填写标题",{icon:5,time:1000});
                $("#title").focus();
                return;
			}

            // 优先级不可为空
            if(sort === '' || sort === "undefined"){
                layer.msg("请填写优先级",{icon:5,time:1000});
                $("#sort").focus();
                return;
            }

            // 上传数据整理
            var fm = new FormData();

            fm.append('store_id',store_id);
            fm.append('title',title);
            fm.append('sort',sort);
            fm.append('is_show',is_show);

            // 异步提交
            $.ajax( {
                url:'add',
                type:'POST',
                data: fm,
                contentType:false,
                processData:false,
                success:function (res) {
                    if(res.code === 1){
                        layer.msg(res.msg,{icon:6,time:1000});

                        // 两秒后跳转到列表页
                        setTimeout(function () {
                            // location.replace(location.href);
							location.href="{:url('index')}";
                        },2000);

                    }else{
                        layer.msg(res.msg,{icon:5,time:1000});
                    }
                }
            } );

    });
</script>

</body>
</html>